import { myColors } from "./Colors";
import { StyleSheet } from "react-native";

export const Styles = StyleSheet.create({
    // Button
    btn: {
        width: 72,
        height: 72,
        borderRadius: 24,
        justifyContent: "center",
        alignItems: "center",
        margin: 8
    },
    btnBlue: {
        backgroundColor: myColors.blue
    },
    btnDark: {
        backgroundColor: myColors.btnDark
    },
    btnLight: {
        backgroundColor: myColors.white
    },
    btnGray: {
        backgroundColor: myColors.btnGray
    },
    smallTextLight: {
        fontSize: 32,
        color: myColors.light
    },
    smallTextDark: {
        fontSize: 32,
        color: myColors.black
    },
    // Keyboard
    row: {
        maxWidth: "100%",
        flexDirection: "row"
    },
    viewBottom: {
        position: "absolute",
        bottom: 50
    },
    screenFirstNumber: {
        fontSize: 36,
        color: myColors.gray,
        fontWeight: "200",
        alignSelf: "flex-end"
    },
    screenSecondNumber: {
        fontSize: 40,
        color: myColors.gray,
        fontWeight: "200",
        alignSelf: "flex-end"
    },
});